Multimedia - Formulieren

Doelstelling

1. Je leert hoe je een invoerformulier maakt met html elementen. We zorgen ervoor dat het formulier:
   1. opgebouwd is met de semantisch juiste elementen;
   2. de invoer zoveel mogelijk gecontroleerd wordt door aangepaste html elementen en attributen te gebruiken;

Leerpad

1. Wat is een formulier?
2. Soorten formulieren
3. Elementen
   1. Het form element
   2. Het label element
   3. Het input element
   4. De submit knop
   5. Tekstvak
   6. Tekstgebied
   7. Wachtwoord
   8. Keuzerondje
   9. Selectievak
   10. Keuzelijst
   11. Elementen groeperen
   12. Datum- en tijdinvoer
   13. E-mailinvoer
   14. Range
   15. Bestanduploadvak
4. Attributen
   1. HTML formulier attributen
5. Voorbeeld
   1. Tekst en uitleg
      1. Oefening HTML bevragingsformulier
      2. Een HTML formulier eerste versie
      3. Een HTML formulier tweede versie
   2. Filmpjes:
      1. Formulier voorbereiden om later met een serverside scripting taal, bijvoorbeeld PHP, te verwerken
      2. Inspecteren hoe de browser de ingevoerde gegevens verstuurt naar de server

   Opdracht

   1. Maak een submap met de naam form. In deze map maak je de volgende opdrachten:
      1. In de eerste opdracht maak je de HTML voor een formulier: Opdracht form HTML
      2. In de tweede opdracht maak je het formulier en de elementen erin op met CSS: Opdracht form CSS
   2. Maak de opdracht in Visual Studio Code op je lokale computer en kopiëer je de form-map naar Cloud9.
   3. Download deze map en stuur ze door via de link op Moodle.
   JI
   2020-10-25 17:38:27